<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<button class="l2">移除L2事件监听</button>
<button class="l0">移除L0事件监听</button>
</body>
</html>
<script !src="">
  // 需求：按钮就点击一次，然后移除点击事件
  // 1. l2事件监听

  // 移除事件: removeEventListener()
  // 必须传入事件类型和绑定事件时用到的事件处理函数!!!
  // 所以必须是有名字的函数, 不能是匿名函数
  const l2 = document.querySelector('.l2')
  // l2.addEventListener('click',function (){
  //   console.log('你好我是l2')
  // })
  function fn(){
    console.log('我是l2移除L2事件监听')
    l2.removeEventListener('click',fn)
  }
  l2.addEventListener('click',fn)

  // 老版本的移除事件的方法
  const l0 = document.querySelector('.l0')
  l0.onclick=function (){
    console.log('我是移除L0事件监听')
    l0.onclick =null
  }


</script>